---
permalink: "/behaviors/basic/visible-once/index.xml"
tags: "Behaviors/Basic/Triggers"
hv_title: "Visible Once"
hv_button_behavior: "back"
---
{% extends 'templates/scrollview.xml.njk' %}
{% from 'macros/button/index.xml.njk' import button %}
{% from 'macros/description/index.xml.njk' import description %}

{% block styles %}
  <style id="spacer" flex="1" minHeight="1024" />
  <style
    id="button"
    backgroundColor="#63CB76"
    borderRadius="16"
    flex="1"
    flexDirection="column"
    justifyContent="center"
    alignItems="center"
    margin="24"
    padding="24"
  />
{% endblock %}

{% block content %}
  {{ description('Scrolling down to the button will append to the button content. Subsequent views will not trigger another append.') }}
  <view style="spacer" />
  {% call button('Scroll to me') -%}
    <behavior
      action="append"
      once="true"
      href="/hyperview/public/behaviors/basic/triggers/visible/append_fragment.xml"
      trigger="visible"
    />
  {%- endcall %}
{% endblock %}
